import React from 'react';
import './pharmacy.less';
import {browserHistory} from 'react-router';
import { Input, Button, Select, Upload, Form, Cascader, DatePicker, Row, Col, Modal,message ,Icon,TimePicker,Card} from 'antd';
class Pharmacy extends React.Component {
    constructor(props){
        super(props);
        this.state={
            tabKey:1,
        }
    }
    componentWillMount() {}
    componentDidMount() {}
    changeTab(key) {
        this.setState({ tabKey: key })
    }
    render(){
        return (
            <div className="container">
                <div className="doctor-section-box">
                    <div className='btnBox'>
                        <Button type={this.state.tabKey == 1 ? 'primary' : ''} onClick={() => this.changeTab(1)}>待取药</Button>
                        <Button type={this.state.tabKey == 2 ? 'primary' : ''} onClick={() => this.changeTab(2)}>已完成</Button>
                    </div>
                    {this.state.tabKey == 1 ?<div className='addpatient'>
                        <div style={{ background: '#ECECEC', padding: '30px' }}>
                            <Row gutter={16}>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="danger" style={{width:'100%',marginLeft:'0px'}} onClick={()=>{browserHistory.push('getMedicine')}}>待取药（2项）</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="danger" style={{width:'100%',marginLeft:'0px'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>待取药</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="danger" style={{width:'100%',marginLeft:'0px'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>待取药</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="danger" style={{width:'100%',marginLeft:'0px'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>待取药</Button>
                                </Col>
                            </Row>
                        </div>
                    </div>: <div className='addpatient'>
                        <div style={{ background: '#ECECEC', padding: '30px' }}>
                            <Row gutter={16}>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="primary" style={{width:'100%'}} onClick={()=>{browserHistory.push('getMedicine')}}>已完成</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="primary" style={{width:'100%'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>已完成</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="primary" style={{width:'100%'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>已完成</Button>
                                </Col>
                                <Col span={8}>
                                    <Card bordered={false}>
                                        <img src="../../../images/logo.png"/>
                                        <div className="fsecd">
                                            <h6>张三<em></em></h6>
                                            <p>就诊类型：初诊</p>
                                            <p>登记科室：妇科</p>
                                            <p>接诊医生：</p>
                                        </div>
                                        <span  className='triageType' size="small">已缴费</span>
                                    </Card>
                                    <Button type="primary" style={{width:'100%'}} onClick={()=>{browserHistory.push('treatPatientsForm')}}>已完成</Button>
                                </Col>
                            </Row>
                        </div>
                    </div>}
                </div>
            </div>
        );
    }
}
export default Pharmacy;